html{overflow-x: clip;}

 body{ color: white;
  overflow-x: clip;}
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
  background-position: 40%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    30px;
    height: 490px;
max-width: 100%;}


.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}

button{margin-left: -100px;
margin-top: -60px;
z-index: 1;}

.navbar-brand {color:gold;
    font-size:44px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: 0%;
    color:grey;
  margin-top: 40px;}

    .navbar-toggler{color: lightblue;}
    .navbar-toggler-icon{color:gold;}

.navbar-nav{flex-direction: column-reverse;
margin-top: -60PX;}


header h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
    text-align: center;
  margin-top: 230PX; 
margin-left: 6PX;}


header h2
{color:gainsboro;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 14PX;
    text-align: center;}


.titrepage h1 {
     font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 36PX;
    text-align: center;
    margin: auto;
    margin-top: 50px;
    color: rgb(179, 180, 146);
    }


.q1
{height: 270PX;
width: 800px;
position: absolute;
margin-top: 130px;
margin-left:50px;
}

.q2
{height: 340PX;
width: 700px;
    position: absolute;
    margin-top: 395px;
margin-left: 560px;
background: #959e9b;
background: linear-gradient(90deg, rgba(149, 158, 155, 1) 1%, rgba(150, 158, 154, 1) 50%, rgba(184, 182, 182, 1) 100%);
text-align: center;}
.titre2
{color: white;}
.para2
{color: white;}

.qtrois
{height: 350px;
width: 780px;
position: absolute;
margin-top: 130px;
 }

.qquatre
{height: 350px;
width: 600px;
position: absolute;
margin-top: 510px;
    margin-left: 410px;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;}

h2{font-size: 21px;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 28PX;
    color:rgb(179, 180, 146);
    
    text-align:center;
margin-top: 10px;
    padding: 0px;}


p{color: black;
font-size: 18PX;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;  
text-align:justify-all;
    margin: 6PX;
    padding: 15PX;
}



ul{color: black;
font-size: 20px;
margin-left: 3px;}



.schéma
{width: 480px;
 height: 200px;
text-align: center;
margin-left: 15PX;
}
.schéma2
{width: 400px;
 height: 400px;
position: absolute; 
right:60px;
top:1390px; }

.imgp
{text-align: left;
margin-top: 450px;}


.rdv
{background-color:rgb(179, 180, 146) ;
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
margin-top: 50PX;
margin-left: 48%;}





.rouge
{width: 950px;
    margin-top: 1050px;
    padding-left: 400px; 
  text-align: center;}

  .footer
{height: 245PX;
 background: #959e9b;
background: radial-gradient(circle, rgba(149, 158, 155, 1) 1%, rgba(150, 158, 154, 1) 50%, rgba(184, 182, 182, 1) 100%);
    margin-top: 100px; }

                       
                


.foot
{text-align: center;
color:white;
padding:45PX;
border: 5px;
border-style: dotted;}

.mention{position: absolute;
    color:white;
  margin-left: 45%;
margin-top: 9PX;
list-style: none;}

 .politique{position: absolute;
    color: white;
    margin-left: 52%;
    margin-top: -20PX;
    list-style: none;
  }
.légales{margin-top: -50PX;}
    


  @media screen and (min-width: 300px) and (max-width: 650px){
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: 100%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    0px;
    height: 450px;
max-width: 100%;}
button{margin-top: 20px;}

.logo
{ height: 100px;
  width: 100px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-20PX ;
 margin-left: 10PX;
z-index: 2;}
.navbar-brand {color:gold;
    font-size:44px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:14px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: 10%;
    color:grey;
margin-top: 10px;  }

  .navbar-nav{flex-direction: column-reverse;
margin-top: -50PX;

}


    .navbar-toggler{color: lightblue;
    width: 60PX;
  margin-top: 10PX;}
    .navbar-toggler-icon{color:gold;}


header h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
    padding-top: -65px;
    margin-top: 130Px;
    margin-left:-20px;
    text-align: center;
     }


.adresse
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 13PX;
    text-align: center;
  margin-top: 10px;}

    .titrepage h1{width:60%;
  height: 30%;
  display: flex;
  margin-left: 20%;
  margin-top: -60PX;
  color:rgb(179, 180, 146) ;
  font-size: 30PX;
  font-weight: 700;
   }

h1 { font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 24PX;
     margin-top: -200px;
       }




.q1
{height: 320PX;
width: 300px;
position: absolute;
margin-top: 40px;
margin-left:42px;
text-align: center;
font-weight: 400;
}
.q1 h2{font-size: 20PX;
margin-left: -10px;}

.q2
{height: 550PX;
width: 340px;
    position: absolute;
    margin-top: 425px;
margin-left:17px;
border: solid 5PX;
border-radius: 50px;
border-style: double;
border-color: white;
text-align: center;}
.titre2
{color: white;
font-size: 22PX;}
.para2
{color: white;}

.qtrois
{height: 350px;
width: 380px;
position: absolute;
margin-top: 40px;
text-align: center;
 }
 .qtrois h2{font-size: 22PX;}

.qquatre
{height: 350px;
width: 300px;
position: absolute;
margin-top: 540px;
    margin-left: 45px;
font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 12PX;}

.indications{
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 23PX;
    color:rgb(179, 180, 146);
 
margin-top: 10px;
margin-left: -114PX;}


p{color: black;

  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 14PX;  
text-align:justify-all;
    margin: 6PX;
    padding: 15PX;
    
}

p2{color: black;
font-size: 23px;
}




.schéma
{width: 340px;
 height: 200px;
text-align: center;
margin-left: 15PX;
margin-top: 570px;
}
.schéma2
{width: 230px;
 height: 230px;
position: absolute; 
top:2950px;
margin-left: -10PX;
 }

.imgp
{text-align: left;
margin-top: 450px;}



P1{color:red;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
 
}

.rdv{margin-top: 10PX;

background-color:rgb(179, 180, 146) ;
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 45PX;
    width: 125PX;
position: absolute;
top:3350px;
margin-left: 32%;
}


.rouge
{width: 350px;
    margin-top: 1540px;
    padding-left: 20px; 
  text-align: center;}

.footer
{height: 200PX;
  
    margin-top: 200px; }

                       
                


.foot
{text-align: center;
color:white;
padding:40PX;
border: 5px;
border-style: dotted;}

.mention{position: absolute;
    color: white;
  margin-left: 35%;
margin-top: 20PX;}

 .politique{position: absolute;
    color: white;
    margin-left: 45%;
    margin-top: -4PX;
  }
    
}

 @media screen and (min-width: 651px) and (max-width: 1023px){
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: 100%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    40px;
    height: 450px;
max-width: 100%;}
.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-50PX ;
 margin-left: 10PX;
z-index: 2;}

.q1
{height: 270PX;
width: 700px;
position: absolute;
margin-top: 110px;
margin-left:50px;
text-align: center;
}

.q2
{height: 340PX;
width: 700px;
    position: absolute;
    margin-top: 395px;
margin-left: 35px;
background: #959e9b;
background: linear-gradient(90deg, rgba(149, 158, 155, 1) 1%, rgba(150, 158, 154, 1) 50%, rgba(184, 182, 182, 1) 100%);
text-align: center;}
.titre2
{color: white;}
.para2
{color: white;}

.qtrois
{height: 350px;
width: 760px;
position: absolute;
margin-top: 80px;
text-align: center;
 }

.qquatre
{height: 350px;
width: 600px;
position: absolute;
margin-top: 510px;
    margin-left: 410px;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;}

.schéma
{width: 560px;
 height: 220px;
text-align: center;
margin-left: 95PX;
margin-top: 380px;
}
.schéma2
{width: 230px;
 height: 230px;
position: absolute; 
top:2250px;
margin-left: 50PX;
 }

 .indications{font-size: 21px;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 28PX;
    color:rgb(179, 180, 146);
    margin-left: -180%;
    }ul{color: black;
font-size: 20px;
margin-left: -66%;
width: 98%;}

P1{color:red;
    font-size: 19px;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  
}
.rouge
{width: 900px;
    margin-top: 1050px;
    margin-left: -235PX;
  }
 }
   @media screen and (min-width: 1300PX){
    .q1{width: 60%;
    text-align: center;
  margin-left: 20%;}

  img.schéma{margin-left: 6%;}

  .q2{margin-left: 40%;
  width: 50%;}
   
   .qtrois{width: 50%;
  margin-left: 6%;
text-align: center;
margin-top: 130PX;}
.schéma2{margin-left: -40%;}

.qquatre{margin-left: 35%;
margin-top: 500PX;}

.rouge{margin-left: 16%;}
}

   @media only screen 
  and (min-device-width: 1440px) 
  and (max-device-width: 1440px) 
  and (min-device-height: 900px) 
  and (max-device-height: 900px) 
  and (-webkit-min-device-pixel-ratio: 2) {


 body{ color: white;
  overflow-x: clip;}
  header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
    background-repeat: no-repeat;
  
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    50px;
    height: 480px;
max-width: 100%;}


.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}


.navbar-brand {color:gold;
    font-size:44px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: -10%;
    color:grey;
  margin-top: 30PX;}

    .navbar-toggler{color: lightblue;
    width: 60PX;}
    .navbar-toggler-icon{color:gold;}

    .titreflex h1{ color:white;
text-align: center;
font-size: 35px;
margin-top: 180px;
font-weight: 700;
margin-left: 8%;}

.titrepage h1 {
     font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 36PX;
    text-align: center;
    margin-left: 10%;
    margin-top: 50px;
    color: rgb(179, 180, 146);
    }
h2.adresse {margin-left: 10%;
font-size: 16PX;
color: white;}


    .rouge
{width: 900px;
    margin-top: 1010px;
    margin-left: 7%; 
  text-align: center;}

  .q1
{height: 270PX;
width: 800px;
position: absolute;
margin-top: 130px;
margin-left:385px;
}
.q2
{height: 340PX;
width: 720px;
    position: absolute;
    margin-top: 395px;
margin-left: 620px;
background-color: darkblue;
text-align: center;}

 .header h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
    text-align: center;
  margin-top: 230PX; 
margin-left: 20PX;}

.foot
{text-align: center;
color:white;
padding:40PX;
border: 5px;
border-style: dotted;
margin-left: 70PX;}

  }